﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>自动化用例查询后台</title>
    <!-- Bootstrap Styles-->
    <link href="../../static/css/index.css" rel="stylesheet"/>
    <link href="../../static/css/bootstrap.css" rel="stylesheet"/>
    <!-- FontAwesome Styles-->
    <link href="../../static/css/font-awesome.css" rel="stylesheet"/>
    <!-- Morris Chart Styles-->
    <link href="../../static/css/morris-0.4.3.min.css" rel="stylesheet"/>
    <!-- Custom Styles-->
    <link href="../../static/css/custom-styles.css" rel="stylesheet"/>
    <!-- Google Fonts-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
    <script src="../../static/js/axios.js"></script>
    <script src="../../static/js/vue.js"></script>
</head>

<body>
<div id="wrapper">
    <div id="pop_up_windows">
        <div id="pop_up_data"></div>
        <div id="close_button">
            <button onclick="show_close()">
                关闭弹窗
            </button>
        </div>
    </div>
    <nav class="navbar navbar-default top-navbar" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index"><i class="fa fa-comments"></i> <strong>Dashboard</strong></a>
        </div>

        <ul class="nav navbar-top-links navbar-right">
            <li class="dropdown">
                <!--                     <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                                        <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
                                    </a> -->
                <ul class="dropdown-menu dropdown-messages">
                    <li>
                        <a href="#">
                            <div>
                                <strong>John Doe</strong>
                                <span class="pull-right text-muted">
                                        <em>Today</em>
                                    </span>
                            </div>
                            <div>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <strong>John Smith</strong>
                                <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                            </div>
                            <div>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...</div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <strong>John Smith</strong>
                                <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                            </div>
                            <div>Lorem Ipsum has been the industry's standard dummy text ever since the...</div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a class="text-center" href="#">
                            <strong>Read All Messages</strong>
                            <i class="fa fa-angle-right"></i>
                        </a>
                    </li>
                </ul>
                <!-- /.dropdown-messages -->
            </li>
            <!-- /.dropdown -->
            <li class="dropdown">
                <!-- <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a> -->
                <ul class="dropdown-menu dropdown-tasks">
                    <li>
                        <a href="#">
                            <div>
                                <p>
                                    <strong>Task 1</strong>
                                    <span class="pull-right text-muted">60% Complete</span>
                                </p>
                                <div class="progress progress-striped active">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                        <span class="sr-only">60% Complete (success)</span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <p>
                                    <strong>Task 2</strong>
                                    <span class="pull-right text-muted">28% Complete</span>
                                </p>
                                <div class="progress progress-striped active">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="28"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 28%">
                                        <span class="sr-only">28% Complete</span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <p>
                                    <strong>Task 3</strong>
                                    <span class="pull-right text-muted">60% Complete</span>
                                </p>
                                <div class="progress progress-striped active">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                        <span class="sr-only">60% Complete (warning)</span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <p>
                                    <strong>Task 4</strong>
                                    <span class="pull-right text-muted">85% Complete</span>
                                </p>
                                <div class="progress progress-striped active">
                                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="85"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                        <span class="sr-only">85% Complete (danger)</span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a class="text-center" href="#">
                            <strong>See All Tasks</strong>
                            <i class="fa fa-angle-right"></i>
                        </a>
                    </li>
                </ul>
                <!-- /.dropdown-tasks -->
            </li>
            <!-- /.dropdown -->
            <li class="dropdown">
                <!-- <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a> -->
                <ul class="dropdown-menu dropdown-alerts">
                    <li>
                        <a href="#">
                            <div>
                                <i class="fa fa-comment fa-fw"></i> New Comment
                                <span class="pull-right text-muted small">4 min</span>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                                <span class="pull-right text-muted small">12 min</span>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <i class="fa fa-envelope fa-fw"></i> Message Sent
                                <span class="pull-right text-muted small">4 min</span>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <i class="fa fa-tasks fa-fw"></i> New Task
                                <span class="pull-right text-muted small">4 min</span>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#">
                            <div>
                                <i class="fa fa-upload fa-fw"></i> Server Rebooted
                                <span class="pull-right text-muted small">4 min</span>
                            </div>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a class="text-center" href="#">
                            <strong>See All Alerts</strong>
                            <i class="fa fa-angle-right"></i>
                        </a>
                    </li>
                </ul>
                <!-- /.dropdown-alerts -->
            </li>
            <!-- /.dropdown -->
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li><a href="loginpage"><i class="fa fa-sign-out fa-fw"></i> 退出登录</a>
                    </li>
                </ul>
                <!-- /.dropdown-user -->
            </li>
            <!-- /.dropdown -->
        </ul>
    </nav>
    <!--/. NAV TOP  -->
    <nav class="navbar-default navbar-side" role="navigation">
        <div id="sideNav" href=""><i class="fa fa-caret-right"></i></div>
        <div class="sidebar-collapse">
            <ul class="nav" id="main-menu">

                <li>
                    <a class="active-menu" href="index"><i class="fa fa-dashboard"></i> 首页</a>
                </li>

                <li>
                    <a href="appQuery"><i class="fa fa-table"></i> 功能用例查询</a>
                </li>
                <li>
                    <a href="webFunctionQuery"><i class="fa fa-desktop"></i> web用例查询</a>
                </li>

                <li>
                    <a href="interfaceQuery"><i class="fa fa-qrcode"></i> 接口用例查询</a>
                </li>

                <li>
                    <a href="cpuQuery"><i class="fa fa-sitemap"></i> Cpu占有率查询</a>
                </li>

                <li>
                    <a href="launchTime"><i class="fa fa-bar-chart-o"></i> App启动时间查询</a>
                </li>

                <li>
                    <a href="memoryQuery"><i class="fa fa-fw fa-file"></i> App内存占有率查询</a>
                </li>
            </ul>

        </div>

    </nav>
    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <div id="page-inner">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-header">
                        用例
                        <small>数据报表</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="index">首页</a></li>
                        <li><a href="appQuery">功能用例</a></li>
                        <li><a href="webFunctionQuery">web用例</a></li>
                        <li><a href="interfaceQuery">接口用例</a></li>
                        <li><a href="cpuQuery">Cpu占有率</a></li>
                        <li><a href="launchTime">App启动时间</a></li>
                        <li><a href="memoryQuery">App内存占有率</a></li>
                        <!--  <li class="active">Data</li> -->
                    </ol>
                </div>
            </div>


            <!-- /. ROW  -->

            <div class="row">
                <div class="col-md-3 col-sm-12 col-xs-12">
                    <div class="panel panel-primary text-center no-boder bg-color-green green">
                        <div class="panel-left pull-left green">
                            <!-- <i class="fa fa-bar-chart-o fa-5x"></i> -->
                            <img src="../../static/images/database-icon.png"
                                 style="width:60px;height:57px; margin-top: 14px"/>
                        </div>
                        <div class="panel-right pull-right">
                            <h3 id="function-case-count"></h3>
                            <strong> 执行用例总数</strong>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-12 col-xs-12">
                    <div class="panel panel-primary text-center no-boder bg-color-blue blue">
                        <div class="panel-left pull-left blue">
                            <!-- <i class="fa fa-shopping-cart fa-5x"></i> -->
                            <img src="../../static/images/phone.png" style="width:60px;height:57px; margin-top: 14px"/>
                        </div>

                        <div class="panel-right pull-right">
                            <h3 id="app-case-count"></h3>
                            <strong> 执行App 用例总数</strong>

                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-12 col-xs-12">
                    <div class="panel panel-primary text-center no-boder bg-color-red red">
                        <div class="panel-left pull-left red">
                            <!-- <i class="fa fa fa-comments fa-5x"></i> -->
                            <img src="../../static/images/browser.png"
                                 style="width:60px;height:57px; margin-top: 14px"/>
                        </div>
                        <div class="panel-right pull-right">
                            <h3 id="web-case-count"></h3>
                            <strong> 执行Web 用例总数 </strong>

                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-12 col-xs-12">
                    <div class="panel panel-primary text-center no-boder bg-color-brown brown">
                        <div class="panel-left pull-left brown">
                            <i class="fa fa-users fa-5x"></i>
                        </div>
                        <div class="panel-right pull-right">
                            <h3 id="interface-case-count"></h3>
                            <strong>执行接口 用例总数</strong>

                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12" id="datapaging">

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            App自动化
                        </div>
                    </div>
                </div>
                <div class="col-md-12" id="datapaging1">
                    <div class="panel panel-default">
                        <div class="panel-heading" style="display:inline-block;">
                            接口自动化
                            <div class="interface_automation" id="id_interface_automation">
                                选择用例 <select id="interface_case_option">
                                <option value="默认">
                                    默认
                                </option>
                            </select>
                                <input class="click_button" id="interface_case_file" type="file" name="casefile"/>
                                <input class="click_button" id="interface_upload_file" type="submit" value="上传用用例" onclick="upload_case_file('interface',interface_case_file)"/>
                                <button class="click_button" ; onclick="run_case('interface',id_interface_automation)">执行用例</button>
                            </div>
                        </div>
                        <div class="panel-heading" style="display:inline-block;">
                            Web自动化
                            <div class="interface_automation" id="id_web_automation">
                                选择用例 <select id="web_case_option">
                                <option value="默认">
                                    默认
                                </option>
                            </select>
                                <input class="click_button" id="web_case_file" type="file" name="casefile"/>
                                <input class="click_button" id="web_upload_file" type="submit" value="上传用用例" onclick="upload_case_file('web',web_case_file)"/>
                                <button class="click_button" ; onclick="run_case('web',id_web_automation)">执行用例</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!--<div class="row">-->
            <!--<div class="col-xs-6 col-md-3">-->
            <!--<div class="panel panel-default">-->
            <!--<div class="panel-body easypiechart-panel">-->
            <!--<h4>Customers</h4>-->
            <!--<div class="easypiechart" id="easypiechart-blue" data-percent="82"><span-->
            <!--class="percent">82%</span>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="col-xs-6 col-md-3">-->
            <!--<div class="panel panel-default">-->
            <!--<div class="panel-body easypiechart-panel">-->
            <!--<h4>Sales</h4>-->
            <!--<div class="easypiechart" id="easypiechart-orange" data-percent="55"><span class="percent">55%</span>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="col-xs-6 col-md-3">-->
            <!--<div class="panel panel-default">-->
            <!--<div class="panel-body easypiechart-panel">-->
            <!--<h4>Profits</h4>-->
            <!--<div class="easypiechart" id="easypiechart-teal" data-percent="84"><span-->
            <!--class="percent">84%</span>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="col-xs-6 col-md-3">-->
            <!--<div class="panel panel-default">-->
            <!--<div class="panel-body easypiechart-panel">-->
            <!--<h4>No. of Visits</h4>-->
            <!--<div class="easypiechart" id="easypiechart-red" data-percent="46"><span-->
            <!--class="percent">46%</span>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->


            <!--<div class="row">-->
            <!--<div class="col-md-9 col-sm-12 col-xs-12">-->
            <!--<div class="panel panel-default">-->
            <!--<div class="panel-heading">-->
            <!--Bar Chart Example-->
            <!--</div>-->
            <!--<div class="panel-body">-->
            <!--<div id="morris-bar-chart"></div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="col-md-3 col-sm-12 col-xs-12">-->
            <!--<div class="panel panel-default">-->
            <!--<div class="panel-heading">-->
            <!--Donut Chart Example-->
            <!--</div>-->
            <!--<div class="panel-body">-->
            <!--<div id="morris-donut-chart"></div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->

            <!--</div>-->
            <!--<div class="row">-->
            <!--<div class="col-md-12">-->
            <!--<div class="panel panel-default">-->
            <!--<div class="panel-heading">-->
            <!--Area Chart-->
            <!--</div>-->
            <!--<div class="panel-body">-->
            <!--<div id="morris-area-chart"></div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!-- /. ROW  -->


            <!--<div class="row">-->
            <!--<div class="col-md-4 col-sm-12 col-xs-12">-->
            <!--<div class="panel panel-default">-->
            <!--<div class="panel-heading">-->
            <!--Tasks Panel-->
            <!--</div>-->
            <!--<div class="panel-body">-->
            <!--<div class="list-group">-->

            <!--<a href="#" class="list-group-item">-->
            <!--<span class="badge">7 minutes ago</span>-->
            <!--<i class="fa fa-fw fa-comment"></i> Commented on a post-->
            <!--</a>-->
            <!--<a href="#" class="list-group-item">-->
            <!--<span class="badge">16 minutes ago</span>-->
            <!--<i class="fa fa-fw fa-truck"></i> Order 392 shipped-->
            <!--</a>-->
            <!--<a href="#" class="list-group-item">-->
            <!--<span class="badge">36 minutes ago</span>-->
            <!--<i class="fa fa-fw fa-globe"></i> Invoice 653 has paid-->
            <!--</a>-->
            <!--<a href="#" class="list-group-item">-->
            <!--<span class="badge">1 hour ago</span>-->
            <!--<i class="fa fa-fw fa-user"></i> A new user has been added-->
            <!--</a>-->
            <!--<a href="#" class="list-group-item">-->
            <!--<span class="badge">1.23 hour ago</span>-->
            <!--<i class="fa fa-fw fa-user"></i> A new user has added-->
            <!--</a>-->
            <!--<a href="#" class="list-group-item">-->
            <!--<span class="badge">yesterday</span>-->
            <!--<i class="fa fa-fw fa-globe"></i> Saved the world-->
            <!--</a>-->
            <!--</div>-->
            <!--<div class="text-right">-->
            <!--<a href="#">More Tasks <i class="fa fa-arrow-circle-right"></i></a>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->

            <!--</div>-->
            <!--<div class="col-md-8 col-sm-12 col-xs-12">-->

            <!--<div class="panel panel-default">-->
            <!--<div class="panel-heading">-->
            <!--Responsive Table Example-->
            <!--</div>-->
            <!--<div class="panel-body">-->
            <!--<div class="table-responsive">-->
            <!--<table class="table table-striped table-bordered table-hover">-->
            <!--<thead>-->
            <!--<tr>-->
            <!--<th>S No.</th>-->
            <!--<th>First Name</th>-->
            <!--<th>Last Name</th>-->
            <!--<th>User Name</th>-->
            <!--<th>Email ID.</th>-->
            <!--</tr>-->
            <!--</thead>-->
            <!--<tbody>-->
            <!--<tr>-->
            <!--<td>1</td>-->
            <!--<td>John</td>-->
            <!--<td>Doe</td>-->
            <!--<td>John15482</td>-->
            <!--<td>name@site.com</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td>2</td>-->
            <!--<td>Kimsila</td>-->
            <!--<td>Marriye</td>-->
            <!--<td>Kim1425</td>-->
            <!--<td>name@site.com</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td>3</td>-->
            <!--<td>Rossye</td>-->
            <!--<td>Nermal</td>-->
            <!--<td>Rossy1245</td>-->
            <!--<td>name@site.com</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td>4</td>-->
            <!--<td>Richard</td>-->
            <!--<td>Orieal</td>-->
            <!--<td>Rich5685</td>-->
            <!--<td>name@site.com</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td>5</td>-->
            <!--<td>Jacob</td>-->
            <!--<td>Hielsar</td>-->
            <!--<td>Jac4587</td>-->
            <!--<td>name@site.com</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td>6</td>-->
            <!--<td>Wrapel</td>-->
            <!--<td>Dere</td>-->
            <!--<td>Wrap4585</td>-->
            <!--<td>name@site.com</td>-->
            <!--</tr>-->

            <!--</tbody>-->
            <!--</table>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->

            <!--</div>-->
            <!--</div>-->
            <!-- /. ROW  -->
        </div>
        <!-- /. PAGE INNER  -->
    </div>
    <!-- /. PAGE WRAPPER  -->
</div>

<script src="../../static/js/remotepc.js"></script>
<script src="../../static/js/dataquery.js"></script>

<!-- jQuery Js -->
<script src="../../static/js/jquery-1.10.2.js"></script>
<!-- Bootstrap Js -->
<script src="../../static/js/bootstrap.min.js"></script>

<!-- Metis Menu Js -->
<!--<script src="../../static/js/jquery.metisMenu.js"></script>-->
<!-- Morris Chart Js -->
<!--<script src="../../static/js/morris/raphael-2.1.0.min.js"></script>-->
<!--<script src="../../static/js/morris/morris.js"></script>-->


<!--<script src="../../static/js/easypiechart.js"></script>-->
<!--<script src="../../static/js/easypiechart-data.js"></script>-->


<!-- Custom Js -->
<!--<script src="../../static/js/custom-scripts.js"></script>-->


</body>

</html>